table {
  background-color: var(--secondary-bg);
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

thead {
  border-bottom: 2px solid var(--secondary);
}

tfoot {
  border-top: 2px solid var(--secondary);
}

tbody {
  tr:nth-child(even) {
    background-color: var(--secondary-lighter);
  }

  tr:hover {
    background-color: var(--primary-lighter);
  }
}

td,
th {
  padding: 1rem 0.5rem;
  vertical-align: top;
}

th {
  font-weight: var(--font-weight-bolder);
  text-align: left;
}
